<template>
    <div>
        <div class="top-img">
            <img src="../../assets/img/头部.png" alt="">
        </div>
        <div class="ct-top">
            <router-link :to="'/address'"><img src="../../assets/img/向左箭头.png" alt=""></router-link>
            <span class="ct-title">编辑收货地址</span>
            <span class="ct-text1">保存</span>
        </div>
        <div class="ct-main">
            <div class="ct-item">
                <span class="ct-text2">所在城市：</span>
                <input value="北京市"/>
            </div>
            <div class="ct-item">
                <span class="ct-text2">小区/大厦/学校：</span>
                <input value="北理工大学国防科技园"/>
            </div>
            <div class="ct-item">
                <span class="ct-text2">楼号-门牌号：</span>
                <input value="2号楼10层"/>
            </div>
            <div class="ct-item">
                <span class="ct-text2">收货人：</span>
                <input value="小慕"/>
            </div>
            <div class="ct-item">
                <span class="ct-text2">联系电话：</span>
                <input value="18911023277"/>
            </div>
        </div>
    </div>
    </template>
    <script>
    
    </script>
    <style>
    .top-img img{
        width: 100vw;
    }
    .ct-top{
        display: flex;
        justify-content: space-between;
        width: 100vw;
        margin-top: 10px;
        align-items: center;
    }
    .ct-top img{
        width: 20px;
    }
    input{
        border: none;
    }
    .ct-text2{
        margin-left: 20px;
    }
    .ct-item{
        margin-top: 20px;
        width: 100vw;
        height: 35px;
        border-bottom:1px solid #eee ;
        border-top: 1px solid #eee;
        display: flex;
        align-items: center;
    }
    </style>